<template>
  <div class="bsk-main-tail-page">
    <slot name="pagination">
      <el-pagination
          @current-change="current_change"
          :current-page="current"
          layout="total, prev, pager, next, jumper"
          :total="total"
          :page-size="size"
          background
      >
      </el-pagination>
    </slot>
  </div>
</template>
<script>
  export default {
    name: "pagination",
    props: {
      total: {
        type: Number,
        default: 1
      }, // 总条数
      current: {
        type: Number,
        default: 1
      }, // 页码
      size: {
        type: Number,
        default: 10
      }, // 每页条数
    },
    created() {

    },
    methods: {

      //页码改变
      current_change(page) {
        this.$emit('current-change', page)
      }
    }
  };
</script>
